<style type="text/css">
    #grid td {
        word-break: break-all;
    }
</style>
<div>
    <div class="table-header mt5 clearfix ng-scope search">
        <span class="fl lh30 f14 mr25">预约看房</span>
    </div>

    <my-nav ng-model="currCity" nav-items="activitiesSvr.filterDataCities" text-field="CityName" onchanged="search" data-title="城市:"></my-nav>
    <my-nav ng-model="currYuYue" data-nav-items="filterDataYuYue" onchanged="search" data-title="预约形式:"></my-nav>

    <div id="grid" class="table-wrap mt10" style="overflow:visible;">
        <table width="100%" class="valign-t">
            <thead>
            <tr>
                <th width="35">序号</th>
                <th>项目</th>
                <th width="150">城市</th>
                <th width="150">预约形式</th>
                <th width="150" class="text-center">二维码</th>
                <th width="80" class="text-center">操作</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="record in activitiesSvr.list"
                ng-mouseover="record.hover = true"
                ng-mouseleave="record.hover = false">
                <td height="40"><p ng-bind="$index + 1"></p></td>
                <td>
                    {{record.project_name}}
                </td>
                <td>
                    <p>{{ record.city_name}}</p>
                </td>
                <td>
                    <p>{{record.appointment_type|formatYuYue}}</p>
                </td>
                <td class="text-center">
                    <div style="position: relative;display: block;overflow:visible;">
                        <span class="showqr c-orange" ng-click="activitiesSvr.showQR = record.project_id" style="cursor:pointer"
                              ng-show="record.qr_img_url"
                                >物料推广</span>

                        <div class="top-userinfo-menu ng-hide" style="display: block;top:20px;z-index:1;"

                             ng-show="activitiesSvr.showQR == record.project_id && record.qr_img_url"
                                >
                            <div class="top-userinfo-menu-list text-left" style="width:265px;">
                                <div class="form-group clearfix">
                                    <div class="col-sm-9" style="padding:0">
                                        <img style="width:200px;height:200px;" ng-src="{{record.qr_img_url}}"/>
                                    </div>
                                    <div class="col-sm-3" style="padding:0;line-height:180%;">
                                        <p class="mt10" ><a clipboard href="javascript:void(0)" content="record.qr_url" aftercopy="aftercopyNotify()" style="color:#ff7713!important;">复制链接</a></p>
                                        <p><a style="color:#ff7713!important;" href="{{ record.qr_img_url}}" target="_blank">下载</a></p>
                                    </div>
                                </div>
                            </div>
                            <i class="top-userinfo-menu-arrow"></i>
                        </div>
                    </div>
                </td>
                <td>
                    <a href="javascript:void(0)"
                       title="编辑"
                       ui-dialog="{{record.project_name}}"
                       ui-dialog-data=""
                       ui-dialog-show="activitiesSvr.initEditActivitiesDialog($data, $dialog,$dialogScope, record)"
                       ui-dialog-ok="activitiesSvr.save($data, $dialog)"
                       ui-dialog-cache="false"
                       ui-dialog-url="activities/edit.html"
                       class="mt5 c-orange ng-hide" ng-show="record.hover||true"
                            >编辑</a>
                </td>
            </tr>
            </tbody>
        </table>
        <div class="no-data" ng-if="activitiesSvr.list.length == 0"><span>暂无数据</span></div>
    </div>
</div>
